$(function(){
    lunAn('.lun-left')  //轮播图左边按钮
    lunAn('.lun-right')  //轮播图右边按钮
    search()
    yuanTu(); //圆形图片阴影
    daTu(); //移入图片效果
    dianXuan();//单击选项卡按钮
    miao(4000);//轮播图秒数

    function search(){
        var btnSearch = $(".btn-default")
        btnSearch.click(function(){
            $(this).css({
                'backgroundColor':'#F53D1F',
                'color':'#fff'
            })
        })
    }
    function lunAn(className){
        var $lun = $(className)
        $lun.click(function(){
            $(this).css({
                "backgroundColor":"black",
                "opacity":"0.5"
            })
        })
        $lun.hover(function(){
            $(this).css({
                "backgroundColor":"black",
                "opacity":"0.5"
            })
        },function(){
            $(this).css({
                "backgroundColor":"black",
                "opacity":"0.25"
            })
        })
    }

    function yuanTu(){
        $(".img-circle").hover(function(){
            $(this).addClass("addShadow")
            $(this).next().next().css('color','red')
        },function(){
            $(this).removeClass('addShadow')
            $(this).next().next().css('color','#000')
        })
    }

    function daTu(){
        $(".xiao-tu").hover(function(){
            $(this).addClass('addyintu');
        },function(){
            $(this).removeClass('addyintu')
        })  
    }

    function dianXuan(){
        $('.nav-tabs li a').click(function(){
            $(this).css('color','#fff')
            $(this).parent().siblings().children().css('color','#000')
            
        })

        $('.nav-tabs li a').hover(function(){
            $(this).addClass('yi')
        },function(){
            $(this).removeClass('yi')
        })
    }
    function miao(e){
        $('.carousel').carousel({
            interval: e
        })
    }
})